/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17/11/2013, 14:49:34
    Author     : Adriano
*/

* {
margin:0;
padding:0;


}

.body {
    
    background-image:url("../../images/background.png");
    position: absolute;
}
.title {
    color: #2D2A5B;
    font-size: 20px;
    font-weight: bold;
    margin-left: 44%;
    text-align: center;
}



.form {
    animation: 1s ease-in 0s normal forwards 1 fade;
    background: none repeat scroll 0 0 #FFFFFF;
    /*box-shadow: 1px 5px 10px 5px #333333;*/
    height: auto;
    left: 20%;
    opacity: 1;
    position: absolute;
    top: 25%;
    width: 445px;
    min-height: 350px;
    /* min-width: 400px; */
}

.form,.results {
    padding: 0 10px;
}

.radius ,.form {

    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 3px 10px 5px #333333;
}

.form .title {
    background: none repeat scroll 0 0 #EFEFEF;
    height: 42px;
    left: 0;
    margin: 0 -10px 15px;
    position: relative;
    top: 0;
}

.form .title .h1 {
    color: #333333;
    font-size: 18px;
    height: 42px;
    line-height: 38px;
    margin-top: 0;
    padding: 0 10px;
}


.form input[type="email"],.form input[type="password"] {
    padding-right: 28px;
    
}

.form input.user, .form input.key {
    
    width: 95%;
}


.form input[type="email"],.form input[type="password"]
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px 1px #F1F1F1 inset;
    display: inline-block;
    font: 1.5em arial, verdana, sans-serif;
    height: 40px;
    padding: 0 3px;
    transition: all 0.5s ease 0s;
   
    margin-left: 12px;
}


.form input.user[type="email"]:focus {

   
   
    background-image: url("../../images/ico_user_on.png");
    background-position: 97% center !important;
    background-repeat: no-repeat;
}
.form input.user[type="email"] {
    background-image: url("../../images/ico_user_off.png");
    background-position: 97% center !important;
    background-repeat: no-repeat;
    margin-bottom: 11px;
}

.form input.key[type="password"]
{  
    background-image: url("../../images/ico_pass_off.png");
    background-position: 97% center;
    background-repeat: no-repeat;
}

form input.key[type="password"]:focus
{
   
   
    background-image: url("../../images/ico_pass_on.png");
    background-position: 97% center;
    background-repeat: no-repeat;
}

.form .title h1 {
    position: absolute;
    right: 10px;
    top: 14px;
}

.form .form-field {
    margin-bottom: 10px;
}

.form label {
    overflow: hidden;
    text-align: left;
}

.form label, .form .label {
    color: #484848;
    display: block;
    font: bold 0.8em arial, verdana, sans-serif;
    margin-bottom: 6px;
    margin-left: 15px;
}

.form-actions {
    overflow: hidden;
    /* padding-top: 5px;*/
}

.form-actions .forget {
    color: #333333;
    float: left;
    padding: 8px 0 0;
    width: auto;
}

input,select,textarea {
    color: #505050;
}

input,select {
    vertical-align: middle;
}

.form-actions .button-black {
    float: right;
}

.button-black {

    background: #444444;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #fbfbfb;
    display: inline-block;
    height: 28px;
    line-height: 26px;
    padding: 0 18px;
    position: relative;
    font: 0.9em arial,sans-serif,verdana;

}

.btn.btn-primary {
    margin-left: 235px;
    width: 180px;
    margin-top: 25px ;
}

.help-block {
    color:#FF0000;
     margin-left: 15px;
}



.form input.ng-invalid {
  border: 1.5px solid #ff0000 ;
  background-color: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.form input.ng-valid {
  border: 1px solid green ;
}

small {
 color: #FF0000;
  font-size: 14px !important;
   margin-left: 15px;
}